* {margin: 0; padding: 0;}
body {
	background: #f2f5f7 ;
	user-select: none;
}

a {
	text-decoration: none;
	color: #868b96;
	cursor: pointer;
}

nav {
	position: relative; 
	height: 60px; 
	background-color: #fff;
	min-width: 1200px;
}

.nav {
	position: relative; 
	width: 1200px;
	margin: 0 auto ;
	line-height: 60px;
	height: 60px; 
	font-family: mzd;
	
}

@font-face {
	font-family: mzd;
	src: url(../ttf/mzd.ttf);
}

.nav .lf {
	float:left;
	margin-left: 20px;
	background-image: url(../images/cloud-download.png) ;
	background-repeat: no-repeat;
	background-size: 72px 48px;
	background-position: 0 center; 
	padding-left: 78px;
}

.nav .lf b {
	font-size: 22px; 
	
}

.nav .rt {
	float: right;
	margin-right: 20px;
}

.main {
	position: relative; 
	width: 600px;
	height: 600px;
	top: 100px;
	margin: 0 auto;
	border-radius: 20px;
	background: #fff url(../images/aside-login-left.png) no-repeat 0 0 / 400px 600px;
	padding-left: 400px;
}

.login-type , .login-pwd , .login-sms  {
	position: relative;
	top: 100px;
}

.login-type {
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.login-type a {
	color: #a1a6bb;
	padding: 5px 35px;
	border-bottom: 2px #F0F2F7 solid;
	cursor: pointer;
	font-size: 18px;
}

.login-type a.checked {
	color: #3a405b;
	border-bottom: 2px #0076FE solid;
}

.login-pwd, .login-sms {
	width: 320px;
	margin: 30px auto 0;
}

.login-sms {
	display: none;
}

.inp {
	width: 318px;
	height: 40px;
	border-radius: 5px;
	right: 16px;
	border: 1px solid #1296db;
	line-height: 40px;
	outline: none;
	font-size: 14px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.re {
	position: relative;
	font-size: 12px;
	color: #868b96; 
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
}

.re input[type=checkbox] {
	vertical-align: middle;
}

.login-sms .re {
	margin-top: -20px;
}

.find-pass , .regist{
	float: right;
	font-size: 12px;
}

.inp.user {
	background: url(../images/user.png)#f5f6f7 no-repeat 0 1px;
	padding:0 10px 0 28px;
}

.inp.pwd {
	background: url(../images/pass.png) #f5f6f7 no-repeat 0 1px;
	padding:0 38px 0 28px;
}

.inp.code {
	background: url(../images/pass.png) #f5f6f7 no-repeat 0 1px;
	padding:0 10px 0 28px;
}

.inp.tel {
	background: url(../images/tel.png) #f5f6f7 no-repeat 5px center / 20px 20px;
	padding:0 10px 0 28px;
}

.inp.code {
	width: 200px;
}

.btn-code {
	display: inline-block;
	height: 40px;
	width: 110px;
	text-align: center;
	border: 1px solid #1296db;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 15px;
	line-height: 40px;
	font-size: 12px;
	cursor: pointer;
}

.eye {
    width: 35px;
    height: 30px;
    display: block;
    position: relative;
    margin-left: 280px;
    margin-top: -60px;
    padding-bottom: 10px;
    cursor: pointer;
}

.clos {
    background: url(../images/close_eye.png);
    background-size: 100%;
}

.open {
    background: url(../images/open_eye.png);
    background-size: 100%;
}

.log-btn {
	display: block;
	height: 40px;
	background-color: #fc5531;
	text-align: center;
	color: #fff;
	line-height: 40px;
	border-radius: 5px;
}

.log-btn:hover{
	background-color: #fc1944;
}


div.third {
	position: relative;
	top: 100px;
	text-align: center;
	margin: 40px auto 5px;
	width: 288px;
	color: #999aaa;
	font-size: 12px;
}
div.third span {
	margin:0 5px;
}

div.third .lf {
	background: linear-gradient(270deg,#556,#fff);
}
div.third .rf {
	background: linear-gradient(270deg,#fff,#556);
}
div.third .lf, div.third .rf{
	margin-right: 8px;
	vertical-align: middle;
	display: inline-block;
	width: 70px;
	height: 1px;
	border-radius: 1px;
}

p.third {
    height: 40px;
    line-height: 40px;
	font-size:0;
	margin: 10px auto 0 ;
	text-align: center;
	position: relative;
	top: 100px;
}

p.third a {
    margin-right: 10px;
    display: inline-block;
    width: 30px;
	height: 30px;
    text-align: center;
    font-size: 2px;
    border-radius: 6px;
    cursor: pointer;
}


p.third a.zfb {
    background: url("../images/zfb.png") no-repeat;
    background-size: 100%;
}

p.third a.wx {
    background: url("../images/wx.jpg") no-repeat;
    background-size: 100%;

}

p.third a.qq {
    background: url("../images/qq.jpg") no-repeat;
    background-size: 100%;
}

p.third a > span {
    display: none;
}


footer {
	position: relative; 
	width: 1200px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
	top: 120px;
}

footer p {
    text-align: center;
    color: rgb(178, 178, 178);
    line-height: 20px;
    font-size: 12px;
}

footer .site {
    color: #1296DB;
}